import { ElMessage } from 'element-plus'
import 'element-plus/theme-chalk/el-message.css'
function responseError(response: any) {
  // 服务器返回的状态码
  const statusCode = response.status
  switch (statusCode) {
    case 400:
      ElMessage({
        message: '请求错误，状态码 400',
        grouping: true,
        type: 'error'
      })
      console.error('请求错误，状态码 400')
      break
    case 401:
      ElMessage({
        message: '未授权，状态码 401',
        grouping: true,
        type: 'error'
      })
      console.error('未授权，状态码 401')
      break
    case 404:
      ElMessage({
        message: '请求的资源未找到，状态码 404',
        grouping: true,
        type: 'error'
      })
      console.error('请求的资源未找到，状态码 404')
      break
    case 500:
      ElMessage({
        message: '服务器错误，状态码 500',
        grouping: true,
        type: 'error'
      })
      console.error('服务器错误，状态码 500')
      break
    default:
      ElMessage({
        message: `未知错误，状态码 ${statusCode}`,
        grouping: true,
        type: 'error'
      })
      console.error(`未知错误，状态码 ${statusCode}`)
  }
  return Promise.reject(response) // 抛出状态码错误
}
export default responseError
